<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>基础表单</title>
    <link rel="stylesheet" type="text/css" href="../css/mview.css?v=20230607112">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/c/font_4109983_172fpz4s4lc.css">
</head>

<body>
    <div class="m-card m-mb-1">
        <div class="m-card-header header-bottom">按钮样式列表</div>
        <div class="m-btn-group m-gap-2 m-mb-1">
            <div class="m-btn m-btn-primary">primary</div>
            <div class="m-btn m-btn-success"><i class="iconfont icon-ok_y"></i>成功按钮</div>
            <div class="m-btn m-btn-info">info</div>
            <div class="m-btn m-btn-warning">warning</div>
            <div class="m-btn m-btn-dark">dark</div>
            <div class="m-btn m-btn-secondary">secondary</div>
            <div class="m-btn m-btn-light">light</div>
        </div>
        <div class="m-card-header header-bottom">小按钮样式列表</div>
        <div class="m-btn-group m-gap-2 m-mb-1">
            <div class="m-btn-small m-btn-primary">primary</div>
            <div class="m-btn-small m-btn-success"><i class="iconfont icon-ok_y"></i>成功按钮</div>
            <div class="m-btn-small m-btn-info">info</div>
            <div class="m-btn-small m-btn-warning">warning</div>
            <div class="m-btn-small m-btn-dark">dark</div>
            <div class="m-btn-small m-btn-secondary">secondary</div>
            <div class="m-btn-small m-btn-light">light</div>
        </div>
        <div class="m-btn-group m-gap-2">
            <div class="m-btn-small m-btn-rounded m-btn-primary">primary</div>
            <div class="m-btn-small m-btn-rounded m-btn-success">success</div>
            <div class="m-btn-small m-btn-rounded m-btn-info">info</div>
            <div class="m-btn-small m-btn-rounded m-btn-warning">warning</div>
            <div class="m-btn-small m-btn-rounded m-btn-dark">dark</div>
            <div class="m-btn-small m-btn-rounded m-btn-secondary">secondary</div>
            <div class="m-btn-small m-btn-rounded m-btn-light">light</div>
        </div>
    </div>
    <div class="m-card m-mb-1">
        <div class="m-card-header header-bottom">block样式列表</div>
        <div class="m-btn-group m-gap-2 m-mb-1">
            <div class="m-btn m-btn-block m-btn-primary">primary</div>
            <div class="m-btn m-btn-block m-btn-success"><i class="iconfont icon-ok_y"></i>成功按钮</div>
            <div class="m-btn m-btn-block m-btn-info">info</div>
            <div class="m-btn m-btn-block m-btn-warning">warning</div>
            <div class="m-btn m-btn-block m-btn-dark">dark</div>
            <div class="m-btn m-btn-block m-btn-secondary">secondary</div>
            <div class="m-btn m-btn-block m-btn-light">light</div>
        </div>
        <div class="m-btn-group m-gap-2">
            <div class="m-btn m-btn-block m-btn-rounded m-btn-primary">primary</div>
        </div>
    </div>
</body>

</html>